<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>

	<style type="text/css">
.ui-layout-north {
	z-index: 20 !important;
	overflow: visible !important;;
}

.ui-layout-north .ui-layout-unit-content {
	overflow: visible !important;
}

.ui-widget {
	font-size: 9px !important;
}

.size {
	width: 800px;
	position: relative;
	left: 18%;
	top: 10%;
}

.centro {
	top: 50%
}

.tabela {
	width: 750px;
}
</style>


	<title>Cadastro de Avaliação Institucional</title>
</h:head>

<h:body>

	<ui:decorate template="/templateBase.xhtml">

		<ui:define name="center">
			<p:growl id="growl" life="3000" autoUpdate="true" />
			<h:form prependId="true" id="formAvaliacao" acceptcharset="ISO-8859-1" lang="pt" >
				<br />
				<p:panel header="Cadastro de Avaliação Institucional"
					styleClass="size"
					footer="SAIES - Sistema de Avaliação Institucional de Ensino Superior">
					<br />

					<h:panelGrid columns="2" cellspacing="5">
						<h:outputText value="ID:" />
						<p:inputText size="5" disabled="true" />
						<h:outputText value="Ano Letivo: " />
						<p:selectOneMenu value="#{avaliacaoBacking.avSalvar.anoLetivo}"
							required="true" requiredMessage="Informe o ano letivo!">
							<f:selectItem itemLabel="Selecione" itemDisabled="true" />
							<f:selectItem itemLabel="1º Semestre 2012" itemValue="201201" />
							<f:selectItem itemLabel="2º Semestre 2012" itemValue="201202" />
							<f:selectItem itemLabel="1º Semestre 2013" itemValue="201301" />
						</p:selectOneMenu>
						<h:outputText value="Título: " />
						<p:inputText size="50"
							value="#{avaliacaoBacking.avSalvar.descricao}" required="true"
							requiredMessage="Informe o título da avaliação!" />

						<h:outputText value="Tipo: " />
						<p:selectOneMenu value="#{avaliacaoBacking.avSalvar.tipo}"
							required="true" requiredMessage="Informe o tipo!">
							<f:selectItem itemLabel="Selecione" itemDisabled="true" />
							<f:selectItem itemLabel="Avaliação Docente"
								itemValue="Avaliacao Docente" />
							<f:selectItem itemLabel="Avaliação Institucional"
								itemValue="Avaliacao Instituicional" />
							<f:selectItem itemLabel="Questionário Sócio-Econômico"
								itemValue="Questionario Socio-Economico" />
						</p:selectOneMenu>

						<h:outputText value="Status: " />
						<p:selectOneMenu value="#{avaliacaoBacking.avSalvar.status}">
							<f:selectItem itemLabel="Selecione" itemDisabled="true" />
							<f:selectItem itemLabel="Ativa" itemValue="Ativa" />
							<f:selectItem itemLabel="Inativa" itemValue="Inativa" />
							<f:selectItem itemLabel="Cancelada" itemValue="Cancelada" />
						</p:selectOneMenu>
						<h:outputText value="Organização: " />
						<p:selectOneMenu value="#{avaliacaoBacking.avSalvar.organizacao}"
							required="true" requiredMessage="Informe a organização">
							<f:selectItem itemLabel="Selecione" itemDisabled="true" />
							<f:selectItem itemLabel="CPA = Comissão Própria de Avaliação"
								itemValue="CPA" />
							<f:selectItem itemLabel="Coordenação de Curso"
								itemValue="Coordenacao de Curso" />
							<f:selectItem itemLabel="Direção" itemValue="Direcao" />
							<f:selectItem itemLabel="Secretaria Acadêmica"
								itemValue="Secretaria Academica" />
						</p:selectOneMenu>
						<h:outputText value="Público: " />
						<p:selectOneMenu value="#{avaliacaoBacking.avSalvar.publico}"
							required="true" requiredMessage="Informe o público!">
							<f:selectItem itemLabel="Selecione" itemDisabled="true" />
							<f:selectItem itemLabel="Aluno" itemValue="Aluno" />
							<f:selectItem itemLabel="Docente" itemValue="Docente" />
							<f:selectItem itemLabel="Coordenador" itemValue="Coordenador" />
							<f:selectItem itemLabel="Diretor" itemValue="Diretor" />
							<f:selectItem itemLabel="Todos" itemValue="Todos" />
						</p:selectOneMenu>

						<h:outputText value="Peso da Prova: " />
						<p:inputText size="7" maxlength="4"
							value="#{avaliacaoBacking.avSalvar.pesoDaProva}" />

					</h:panelGrid>
					<br />
					<p:tabView>
						<p:tab title="Calendário">
							<h:outputText value="Período de Preenchimento da Avaliação" />
							<br />
							<br />
							<h:panelGrid columns="4">
								<h:outputText value="Período: " />
								<p:calendar size="10"
									value="#{avaliacaoBacking.avSalvar.dataInicio}" required="true"
									requiredMessage="Informe a data de início do preenchimento!" />
								<h:outputText value="a" />
								<p:calendar size="10"
									value="#{avaliacaoBacking.avSalvar.dataFim}" required="true"
									requiredMessage="Informe a data do fim de preenchimento" />
							</h:panelGrid>
						</p:tab>

						<p:tab title="Questões">
							<h:outputText
								value="Selecione as questões que irá compor a avaliação:" />
							<br />
							<br />
							<p:dataTable value="#{avaliacaoBacking.listaQuestao}" var="q"
								selection="#{avaliacaoBacking.questaoSelecionada}" rows="5"
								rowKey="#{q.idQuestao}" paginator="true"
								emptyMessage="Não foi encontrada nenhuma questão cadastrada no banco de dados.">

								<p:column selectionMode="multiple">

								</p:column>

								<p:column>
									<f:facet name="header">
										<h:outputText value="ID" />
									</f:facet>
									<h:outputText value="#{q.idQuestao}" />
								</p:column>

								<p:column>
									<f:facet name="header">
										<h:outputText value="Descrição" />
									</f:facet>
									<h:outputText value="#{q.descricao}" />
								</p:column>

								<p:column>
									<f:facet name="header">
										<h:outputText value="Público" />
									</f:facet>
									<div align="center">
										<h:outputText value="#{q.tipo}" />
									</div>
								</p:column>


								<p:column>
									<div align="center">
										<f:facet name="header">
											<h:outputText value="Peso" />
										</f:facet>
										<p:inputText size="5" value="#{q.peso}" />
									</div>
								</p:column>

							</p:dataTable>
						</p:tab>


						<p:tab title="Instruções de Preenchimento">
							<h:outputText
								value="Digite a instrução de preenchimento a ser apresentada em tela para o aluno:" />
							<br />
							<br />
							<div align="center">
								<p:inputTextarea cols="50" autoResize="true" maxlength="400"
									rows="6" value="#{avaliacaoBacking.avSalvar.instrucao}"
									required="true"
									requiredMessage="Informe a instrução de preenchimento" />
							</div>
						</p:tab>

						<p:tab title="Observações">
							<h:outputText
								value="Digite a observação a ser apresentada em tela para o aluno:" />
							<br />
							<br />
							<div align="center">
								<p:inputTextarea cols="50" autoResize="true" maxlength="400"
									required="true" requiredMessage="Informe a observação" rows="6"
									value="#{avaliacaoBacking.avSalvar.obs}" />
							</div>
						</p:tab>


					</p:tabView>

					<br />
					<br />
					<div align="center">
						<h:panelGrid columns="3">
							<p:commandButton title="Salvar" value="Salvar"
								actionListener="#{avaliacaoBacking.salvar}" ajax="false"
								update="growl" />
							<p:commandButton title="Excluir" value="Excluir" />
							<p:commandButton title="Cancelar" value="Cancelar" />
						</h:panelGrid>
					</div>
				</p:panel>
			</h:form>

		</ui:define>
	</ui:decorate>
</h:body>
</html>